﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UI_Login.aspx.cs" Inherits="Espam.Idiomas.Decimo.Tesis.Web.UI_Login" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>

    <title>ESPAM IDIOMAS - LOGIN</title>

    <!-- GLOBAL STYLES -->
    <link href="css/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="icon" type="image/png" href="/img/logito.png" />
    <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel="stylesheet" type="text/css"/>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel="stylesheet" type="text/css"/>
    <link href="icons/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>

    <!-- PAGE LEVEL PLUGIN STYLES -->

    <!-- THEME STYLES -->
    <link href="css/style.css" rel="stylesheet"/>
    <link href="css/plugins.css" rel="stylesheet"/>

    <!-- THEME DEMO STYLES -->
    <link href="css/demo.css" rel="stylesheet"/>

    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
     <script type="text/javascript">
         window.onload = function () {
             var seconds = 9;
             setTimeout(function () {
                 document.getElementById("<%=lblValidaLogin.ClientID %>").style.display = "none";
        }, seconds * 1000);
         };

</script>
</head>
<body class="login">
   
  <div class="container">
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <div class="login-banner text-center">
                    <h1><i class="fa fa-keyboard-o"></i> CI 1.0</h1>
                </div>
                <div class="portlet portlet-green">
                    <div class="portlet-heading login-heading">
                        <div class="portlet-title">
                            <h4><strong>ACCESO A CI 1.0!</strong>
                            </h4>
                        </div>
                        <%--<div class="portlet-widgets">
                            <button class="btn btn-white btn-xs"><i class="fa fa-plus-circle"></i> New User</button>
                        </div>--%>
                        <div class="clearfix"></div>
                    </div>
                    <div class="portlet-body">
                        <form accept-charset="UTF-8" role="form" id="form1" runat="server">
                             <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
                             </cc1:ToolkitScriptManager>
                            <fieldset>
                                <div class="form-group">
                                    <asp:TextBox ID="txtUser" runat="server" MaxLength="10" CssClass="form-control" placeholder="Usuario" autocomplete="off" required="required"></asp:TextBox>
                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="txtUser" FilterType="Numbers"></cc1:FilteredTextBoxExtender>
                                </div>
                                <div class="form-group">
                                    <asp:TextBox ID="txtPassword" runat="server" CssClass="form-control" placeholder="Clave" required="required" TextMode="Password"></asp:TextBox>
                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server" TargetControlID="txtPassword" FilterType="LowercaseLetters,UppercaseLetters,Numbers,Custom" ValidChars="_,@,"></cc1:FilteredTextBoxExtender>
                                </div>
                                <div class="form-group">
                                  <%--  <label>--%>
                                        <asp:DropDownList ID="ddlTipoUsuario" runat="server" CssClass="form-control"></asp:DropDownList>
                                        <%--<input name="remember" type="checkbox" value="Remember Me"/>--%>
                                    <br />
                                     <asp:Label ID="lblValidaLogin" runat="server" Text="" Visible="false"></asp:Label>
                                    <%--</label>--%>
                                </div>
                                <br/>
                                <asp:Button ID="btnLogin" runat="server" Text="Entrar" CssClass="btn btn-lg btn-green btn-block" OnClick="btnLogin_Click"/>
                            </fieldset>
                            <br/>
                           <%-- <p class="small">
                                <a href="#">Forgot your password?</a>
                            </p>--%>
                             <%--<p class="small">
                                 <asp:GridView ID="GridView1" runat="server">
                                 </asp:GridView>
                            </p>--%>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

   
<%--    <div id="dialog-message" title="!!ERROR AL INGRESAR">
        <p>
            <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
            Error de usuario o contraseña
        </p>
        <p>
            <b>Ingrese sus datos de manera correcta</b>.
        </p>
    </div>--%>

    <!-- GLOBAL SCRIPTS -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/plugins/bootstrap/bootstrap.min.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!-- HISRC Retina Images -->
    <script src="js/plugins/hisrc/hisrc.js"></script>
    <script src="js/scriptsMsjs.js"></script>
    <script src="js/scriptsMsjs.js"></script>
    <!-- PAGE LEVEL PLUGIN SCRIPTS -->

    <!-- THEME SCRIPTS -->
    <script src="js/flex.js"></script>
</body>
    <p align="center">
    <iframe src width="1" height="1" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no">
    </p>
</html>
